<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
   <%@include file="../common/tag.jsp"%>
<!DOCTYPE html>
<html>
    <head>
    	<%-- <%
		String path = request.getContextPath();
		String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
				+ path + "/";
		request.setAttribute("path", path);
		%>
		<base href="<%=basePath%>"> --%>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>J房产发帖页</title>
        <link rel="stylesheet" href="${ctx}/css/publish.css" />
        <script src="${ctx}/js/Calendar.js" type="text/javascript" charset="utf-8"></script>
    	<script src="${ctx}/js/publish.js" type="text/javascript" charset="utf-8"></script>
   		<script type="text/javascript">
			var message="${message}"
			if(message!=""&&message!=null){
				alert(message)
			}
		</script>
    </head>
    <body>
    	<div class="head">
			<div class="tbd">
				<div id="where">
					<img src="${ctx}/img/logo_.png" />
					<span class="city"> <a href="${ctx}" class="f13">深圳</a> <a href="" >[切换城市]</a> </span>
					<a href="${ctx}">深圳赶集</a> &gt;
					<a href="${ctx}">深圳房产</a> &gt;
					<a href="${ctx}">深圳租房</a>
				</div>
			</div>
		</div>
		<!--head end-->
		<div id="wrapper" class="pub">
			<!--step s-->
			<div class="process">
				<ul class="f-clear">
					<li class="onestep">
						<span class="r-bg"></span>
						<span class="xh">1.</span>
						<a href="${ctx}/">&nbsp[首页]</a>
					</li>
					<li class="twostep">
						<span class="l-bg"></span>
						<span class="r-bg"></span>
						<span class="xh">2.</span><span id="id_major_name">租房</span>
						<a href="" id="id_rechoose">&nbsp[重选]</a>
					</li>
					<li class="threestep active">
						<span class="l-bg"></span>
						<span class="xh">3.</span>填写详情
					</li>
				</ul>
			</div>
			
			<p class="hd-title" id="house_pub_tip"><i class="btnCls" id="tips_close"></i>个人每天可以发布<i>2</i>条信息，经纪人或中介可发布<i>10</i>条信息。</p>
			
			<div class="add-detail">
				<form method="post" id="id_post_form" ModelAttribute="houseInfo" action="${ctx}/publish/add.do" >
					
					<h3 class="pub-title">房屋基本信息</h3>
					<table border="0" cellspacing="0" cellpadding="0" class="nc-table">
						<tr>
							<th width="100"><span class="star">*</span>出租方式：</th>
							<td class="space">
								<input class="input-radio rentToShare" name="sellway" type="radio" value='整租' checked="checked" id="rent_mode1" autocomplete="off" /><label for="rent_mode1">整租</label>
								<input class="input-radioe shareToRent" name="sellway" type="radio" value='合租' id="rent_mode2" autocomplete="off" /><label for="rent_mode2">合租</label>
								<span id="tip_span_rent_mode" class="tips_common"></span>
							</td>
						</tr>
						<tr>
							<th width="100"><span class="star">*</span>您的身份：</th>
							<td class="space">
								<input class="input-radio" name="flog" type="radio" value='0' id="agent0" autocomplete="off" /><label for="agent0">个人</label>
								<input class="input-radio" name='flog' type="radio" value='1' id="agent1" autocomplete="off" checked="checked" /><label for="agent1">经纪人</label>
								<span id="tip_span_agent" class="tips_common"></span>
							</td>
						</tr>
						<tr>
							<th width="100"><span class="star">*</span>街道：</th>
							<td>
								<input id="id_xiaoqu" type="text" class="input-style f-w540" value="" placeholder="输入街道名称" name="street" xiaoqu_id="" size="40" maxlength="20" domain="sz" avg_price="" xiaoqu="">
								
							</td>
							<th width="100"><span class="star">*</span>小区名称：</th>
							<td>
								<input id="id_xiaoqu" type="text" class="input-style f-w540" value="" placeholder="输入小区名称" name="plot" xiaoqu_id="" size="40" maxlength="20" domain="sz" avg_price="" xiaoqu="">
								
							</td>
						</tr>

						<tr>
							<th width="100"><span class="star">*</span>详细地址：</th>
							<td class="f-z1">
								<div id="id_address">
									<div class="address addr-auto"></div>
									<div class="address addr-select">
										
										<select id="province" name="province" class="ipt areaLists" style="width:150px;"></select>
										<select id="city" name="city" class="ipt areaLists" style="width:150px;"></select>
										<select id="county" name="region" class="ipt areaLists" style="width:150px;"></select>
										<input class="ipt" id="address" name="details" placeholder="例如：观澜街道淑女路2号" style="width: 460px;">
										<!--<input type="text" class="input-style input-address other_location" placeholder="请输入详细地址" autocomplete="off" name="xiaoqu_address" value="" id="id_xiaoqu_address" size="35" maxlength="30" />-->
									</div>
									<span id="tip_span_xiaoqu_address" class="tips_common"></span>
								</div>
							</td>
						</tr>
						 <tr id='mark_poi'">
						    <th valign="top"><span class="star"></span>地图标记：</th>
						    <td>
						        <div id="map_container" class="map"></div>
						    </td>
						</tr>
						

						<style>
							.address {
								float: left;
								display: inline;
							}
							
							.addr-auto {
								display: none;
							}
						</style>
						<tr id='mark_poi' style="display:none;">
							<th valign="top"><span class="star"></span>地图标记：</th>
							<td>
								<div id="map_load"></div>
								<span id="map_tip" style="color:#060;"></span>
								<input name="latlng" type="hidden" id="latlng" city_name="深圳" domain="sz" value="">
							</td>
						</tr>
						<tr>
							<th width="100"><span class="star">*</span>房屋户型：</th>
							<td class="f-z3">
								<span class="tbl-txt unit-wrap">
									<input type="text" size="2" class="input-style huxing input-small" name="roomType" maxlength="2" value=""/>
            					<span class="tbl-txt unit-right">室</span>
								</span>
								
								<span id="tip_span_huxing"></span>
							</td>
						</tr>
						<tr>
							<th>
								<span class="star">*</span>房屋面积：
							</th>
							<td class="f-z4">
								<span class="tbl-txt unit-wrap">
									<input type="text" size="4" class="input-style huxing input-style-two input-small"  name="area" placeholder="" id="id_area" value="">
            						<span class="tbl-txt unit-right">平米</span>
								</span>
								<span id="tip_span_mianji"></span>
							</td>
						</tr>
						<tr>
							<th width="100"><span class="star">*</span>楼层分布：</th>
							<td class="f-z5">
								<span class="tbl-txt unit-wrap"><input type="text" size="2" class="input-pad input-style huxing" name="floors" maxlength="2" value="" />
								<span class="tbl-txt unit-left">第</span>
								<span class="tbl-txt unit-right">层</span>
								</span>
								<span class="tbl-txt unit-wrap">
									<input type="text" size="2" class="input-pad input-style huxing" name="floorplan" maxlength="2" value=""/>
            					<span class="tbl-txt unit-left">共</span>
								<span class="tbl-txt unit-right">层</span>
								</span>
								<span id="tip_span_ceng"></span>
							</td>
						</tr>
						<tr>
							<th width="100"><span class="star">*</span>房屋情况：</th>
							<td data-widget="app/ms_v2/housing_v2/pub/widget_rent_pub.js#houseExtra" class="f-z5-a">
								<div class='select-box' id=''>
									
									<select name="aspect">
										<option selected="selected">朝向</option>
										<option value="东">东</option>
										<option value="南">南</option>
										<option value="西">西</option>
										<option value="北">北</option>
										<option value="南北">南北</option>
										<option value="东西">东西</option>
										<option value="东南">东南</option>
										<option value="西南">西南</option>
										<option value="东北">东北</option>
										<option value="西北">西北</option>
									</select>
									
								</div>
								<div class='select-box' id=''>
									<select name="decoration">
										<option selected="selected">装修情况</option>
										<option value="豪华装修">豪华装修</option>
										<option value="精装修">精装修</option>
										<option value="中等装修">中等装修</option>
										<option value="简单装修">简单装修</option>
										<option value="毛坯">毛坯</option>
									</select>
									
								</div>
								<div class='select-box' id='fang_xing_name'>
									<select name="houseType">
										<option value="普通住宅" selected="selected">普通住宅</option>
										<option value="公寓">公寓</option>
										<option value="别墅">别墅</option>
										<option value="平房">平房</option>
										<option value="酒店公寓">酒店公寓</option>
										<option value="商住两用">商住两用</option>
										<option value="其他">其他</option>
									</select>
								</div> <span id="tip_span_zhuangxiu" class="tips_common"></span>
							</td>
						</tr>

						<tr>
							<th width="100"><span class="star">*</span>租金要求：</th>
							<td class="f-z7" data-widget="app/ms_v2/housing_v2/pub/widget_rent_pub.js#selectOptions" data-filter="3">
								<span class="tbl-txt unit-wrap">
									<input type="text" size="5" maxlength="7" class="input-style input-style-two" id="price" name="price" value="">
        						<span class="tbl-txt unit-right">元 / 月</span>
								</span>
								</div> <span id="tip_span_price" class="tips_common"></span>
							</td>
						</tr>

					</table>
					<!---->	
						<table border="0" cellspacing="0" cellpadding="0" class="nc-table">
					
						<tr>
							<th width="100"><span class="star">*</span>房子标题：</th>
							<td>
								<input id="id_xiaoqu" type="text" class="input-style f-w540" value="" placeholder="房子标题" name="houseCaption" xiaoqu_id="" size="40" maxlength="20" domain="sz" >
							</td>			
						</tr>
						<tr>
							<th width="100"><span class="star">*</span>房子详情：</th>
							<td >
								<textarea id="id_xiaoqu" type="text" class="input-style f-w540" value=""  name="mark"  size="50" maxlength="20" domain="sz" style="height: 100px; width:400px"></textarea>
							</td>
						<th width="100"><span class="star">*</span>联系电话</th>
							<td>
								<input id="id_xiaoqu" type="text" class="input-style f-w540" value="13168028162" placeholder="" avg_price="" xiaoqu="" disabled="disabled">
								
							</td>
						</tr>
					</table>
						
				
					<table border="0" cellspacing="0" cellpadding="0" class="nc-table">
						
							<tr class="">
								<th>可入住时间：</th>
								<td class="f-z17">
								<input  type="text" name="checkIn" onclick="new Calendar(1990, 2040).show(this);" readonly="readonly"/></td>
							</tr>
					</table>
					
				
					<table border="0" cellspacing="0" cellpadding="0" class="nc-table">
						<tr id="pub_sumit_show">
							<th>&nbsp;</th>
							<td id="submiting" width="846">
								<input class="btn-style2" name="" type="submit" id="pub_submit" value="立即发布" />
							</td>
						</tr>
				  </table>
			</form>
			</div>
		</div>
		
		<ul id="footer">
			<li>
				<a href="" rel="nofollow" target="_blank">关于Ganji</a> -
				<a href="" rel="nofollow" target="_blank">赶集推广</a> -
				<a href="" rel="nofollow" target="_blank"> 渠道合作 </a> -
				<a href="" rel="nofollow" target="_blank">帮助中心</a> -
				<a class="fc-red" href="" rel="nofollow" target="_blank">手机号被冒用</a> -
				<a href="" rel="nofollow" target="_blank">友情链接</a> -
				<a target="_blank" rel="nofollow" href="">招贤纳士</a> -
				<a target="_blank" rel="nofollow" href="http:">手机赶集</a> -
				<a target="_blank" href="">赶集网触屏版</a>
				
			</li>
		</ul>
		<script type="text/javascript">
			var message="${message}"
			if(message!= null&&message.trim().length>0){
				alert(message);
			}
		</script>

		<style type="text/css">
			th{
				white-space: nowrap;
			
			}
			.baidu_a a:hover {
				color: red;
			}
			
			.baidu_a a:visited {
				color: purple;
			}
			
			.select-box select{
				border: 1px solid #ddd;
				width: 120px;
				height: 40px;
				font-size: 14px;
				color: #4b4b4b;
				
			}
			
			.ipt {
			border: 1px solid #ddd;
			box-shadow: 0 0 3px rgba(0, 0, 0, 0.17) inset;
			transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
			border-radius: 0 !important;
			-moz-border-radius: 0 !important;
			-webkit-border-radius: 0 !important;
			height: 34px;
			padding: 0px 5px;
			line-height: 30px;
		}
		
		* {
			box-sizing: border-box;
		}
		
		.map {
			width: 700px;
			height: 300px;
			border: 1px solid #999;
			margin-left:10px;
			margin-top: 30px;
			
		}
		/*备注：去掉百度copyright*/
		
		#map_container.map .BMap_cpyCtrl.BMap_noprint.anchorBL {
			display: none;
		}
		</style>
		<script src="${ctx}/js/jquery-3.2.1.min.js"></script>
		<script src="${ctx}/js/area.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
		<script src="${ctx}/js/map.js" type="text/javascript" charset="utf-8"></script>
 	</body>
</html>